<template>
    <hr>
    <li v-for="item in arr">{{ item }}</li>

    <div>count的数据变化之后的是多少：{{ count }}</div>
    <button @click="count++">点击我</button>
</template>
<script setup>
// 组合式api里面不包含响应式数据，需要引入ref 或 reactive
//ref 用来解决基本的数据类型  reactive用来解决对象类型的数据

import {ref} from 'vue'
const arr = ["春天", "夏天", "秋天", "冬天"]
const count=ref(0)
</script>